<!DOCTYPE html>
<html lang="en">
<head>
<title>漂亮的响应式Bootstrap后台管理系统模板MatAdmin</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="/css/fullcalendar.css" />
<link rel="stylesheet" href="/css/matrix-style.css" />
<link rel="stylesheet" href="/css/matrix-media.css" />
<link href="/font-awesome/css/font-awesome.css" rel="stylesheet" />
<link rel="stylesheet" href="/css/jquery.gritter.css" />
</head>
<body>

<div id="header">
  <h1><a href="dashboard.html">MatAdmin</a></h1>
</div>
<div id="user-nav" class="navbar navbar-inverse"></div>
<div id="sidebar"></div>

<div class="row-fluid">
	<div id="content">
	<!--breadcrumbs-->
	  <div id="content-header">
	    <div id="breadcrumb">
			<a href="index.html" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> 首页</a>
		</div>
		<h1>首页</h1>
		<hr>
	  </div>
	  
	  <div style="margin-left: 100px; margin-top: 20px; margin-right: 300px;">
		  <!-- 搜索框 -->
		  <form class="form-search">
			<div class="btn-group">
			  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
			    课题
			    <span class="caret"></span>
			  </a>
			  <ul class="dropdown-menu">
				  <li><a href="#">课题</a></li>
				  <li><a href="#">课题组</a></li>
			  </ul>
			</div>
			<input type="text" class="input-xxlarge search-query">
			<button type="submit" class="btn">查询</button>
		  </form>
		  
		  <!-- 课题信息或者课题组组信息表单 -->
		  <div class="widget-box">
		    <div class="widget-title"> <span class="icon"> <i class="icon-th"></i> </span>
		      <h5>课题信息</h5>
		    </div>
		    <div class="widget-content nopadding">
		      <table class="table table-bordered table-striped">
		        <thead>
		          <tr>
		            <th>课题名称</th>
		            <th>课题成员人数</th>
		            <th>课题操作</th>
		          </tr>
		        </thead>
		        <tbody>
		          <tr class="odd grade">
		            <td>Trident</td>
		            <td>Internet
		              Explorer 4.0</td>
		            <td>
						<a class="btn btn-info" href="viewprojectdetail.html">具体信息</a>
						<a class="btn btn-success" href="#">申请加入</a>
					</td>
		          </tr>
		          <tr class="even gradeC">
		            <td>Trident</td>
		            <td>Internet
		              Explorer 5.0</td>
		            <td>
		            	<a class="btn btn-info" href="#">具体信息</a>
						<a class="btn btn-success" href="#">申请加入</a>
		            </td>
		          </tr>
		          <tr class="odd gradeA">
		            <td>Trident</td>
		            <td>Internet
		              Explorer 5.5</td>
		            <td>
		            	<a class="btn btn-info" href="#">具体信息</a>
						<a class="btn btn-success" href="#">申请加入</a>
		            </td>
		          </tr>
		        </tbody>
		      </table>
		    </div>
		  </div>
	  </div>
	</div>
	 
	 <div id="footer" class="span12"></div>
</div>

<!--end-Footer-part-->

<script src="/js/excanvas.min.js"></script>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery.ui.custom.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.flot.min.js"></script>
<script src="/js/jquery.flot.resize.min.js"></script>
<script src="/js/jquery.peity.min.js"></script>
<script src="/js/fullcalendar.min.js"></script>
<script src="/js/matrix.js"></script>
<script src="/js/matrix.dashboard.js"></script>
<script src="/js/jquery.gritter.min.js"></script>
<script src="/js/matrix.interface.js"></script>
<script src="/js/matrix.chat.js"></script>
<script src="/js/jquery.validate.js"></script>
<script src="/js/matrix.form_validation.js"></script>
<script src="/js/jquery.wizard.js"></script>
<script src="/js/jquery.uniform.js"></script>
<script src="/js/select2.min.js"></script>
<script src="/js/matrix.popover.js"></script>
<script src="/js/jquery.dataTables.min.js"></script>
<script src="/js/matrix.tables.js"></script>

<script type="text/javascript">
	
	$("#footer").load("common/footer.html");
	$("#sidebar").load("common/sidebar.html");
	$("#user-nav").load("common/usernav.html");
   
	function goPage (newURL) {
		// if url is empty, skip the menu dividers and reset the menu selection to default
		if (newURL != "") {
		   // if url is "-", it is this page -- reset the menu:
		   if (newURL == "-" ) {
			   resetMenu();            
		   } 
		   // else, send page to designated URL            
		   else {  
			 document.location.href = newURL;
		   }
		}
	}

	function resetMenu() {
		document.gomenu.selector.selectedIndex = 2;
	}
</script>
</body>
</html>
